page {
	font-family: OPPOSans, OPPOSans;
	font-style: normal;
	text-transform: none;
}
.page-bg {
	width: 100%;
	min-height: 100vh;
	background: #F6F6F6;
}
page {
	word-break: break-all;
	background: #F6F6F6;
	font-weight: 500;
}
button,
input,
view,
div {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
}

input {
	background-color: transparent;
	color: #333;
	&::-webkit-input-placeholder {
		color: #999;
	}
	&::placeholder {
		color: #999;
	}
	&::-moz-placeholder {
		color: #999;
	}
}

image {
	background-size: 100% 100%;
}


.vh100 {
	height: 100vh;
}
.vw100 {
	width:  100vw;
}
.wh1 {
	width: 100%;
	height: 100%;
}
.plr-24 {
	padding: 0 24rpx;
}
.p-24 {
	padding: 24rpx;
}

.bold {
	font-weight: bold;
}
.mt-0 {
	margin-top: 0 !important;
}
.ml-10 {
	margin-left: 10rpx;
}
.mt-10 {
	margin-top: 10rpx;
}
.mt-20 {
	margin-top: 20rpx;
}
.mt-30 {
	margin-top: 30rpx!important;
}
.mt-40 {
	margin-top: 40rpx;
}
.pb-60 {
	padding-bottom: 60rpx;
}
.pb-180 {
	padding-bottom: 180rpx;
}
.pb-140 {
	padding-bottom: 140rpx;
}
.pb-230 {
	padding-bottom: 230rpx;
}
.pb-120 {
	padding-bottom: 120rpx;
}
.pb-68 {
	padding-bottom: 68rpx;
}
.pb-32 {
	padding-bottom: 32rpx;
}
.bg#fff {
	background-color: #fff;
}
.color#fff {
	color: #fff;
}
.font-c {
	text-align: center;
}
/*display*/
.display_flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.display_inline-flex {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
}

/*伸缩流方向*/
.flex-direction_column {
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
/*主轴对齐*/
.justify-content_flex-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.justify-content_flex-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.justify-content_flex-justify {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
/*侧轴对齐*/
.align-items_flex-start {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.align-items_flex-end {
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.align-items_center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.align-items_baseline {
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	-webkit-align-items: baseline;
	align-items: baseline;
}

.flex-shrink {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
}

.flex-wrap {
	@extend .display_flex;
	flex-wrap: wrap;
}

.flex-all-c {
	@extend .display_flex;
	@extend .justify-content_flex-center;
	@extend .align-items_center;
}

.flex-lr-tbc {
	@extend .display_flex;
	@extend .justify-content_flex-justify;
	@extend .align-items_center;
}
.flex-tbc {
	@extend .display_flex;
	@extend .align-items_center;
}

.flex-rlc {
	@extend .display_flex;
	@extend .justify-content_flex-center;
}
.flex-rl {
	@extend .display_flex;
	@extend .justify-content_flex-justify;
}
/*伸缩性*/
.flex_auto {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	-webkit-flex: auto;
	flex: auto;
}
.flex_1 {
	width: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}
/*显示顺序*/
.order_2 {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}
.order_3 {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3;
}

.text-ellipsis-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.line-colam-1 {
	-webkit-line-clamp: 1;
	-o-line-clamp: 1;
	-ms-line-clamp: 1;
	-moz-line-clamp: 1;
	line-clamp: 1;
}
.line-colam-2 {
	-webkit-line-clamp: 2;
	-o-line-clamp: 2;
	-ms-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
}

.line-colam-3 {
	-webkit-line-clamp: 3;
	-o-line-clamp: 3;
	-ms-line-clamp: 3;
	-moz-line-clamp: 3;
	line-clamp: 3;
}
.line-colam-5 {
	-webkit-line-clamp: 5;
	-o-line-clamp: 5;
	-ms-line-clamp: 5;
	-moz-line-clamp: 5;
	line-clamp: 5;
}
.line-colam-4 {
	-webkit-line-clamp: 4;
	-o-line-clamp: 4;
	-ms-line-clamp: 4;
	-moz-line-clamp: 4;
	line-clamp: 4;
}

.line-colam-6 {
	-webkit-line-clamp: 6;
	-o-line-clamp: 6;
	-ms-line-clamp: 6;
	-moz-line-clamp: 6;
	line-clamp: 6;
}

.line-colam-7 {
	-webkit-line-clamp: 7;
	-o-line-clamp: 7;
	-ms-line-clamp: 7;
	-moz-line-clamp: 7;
	line-clamp: 7;
}

.text-ellipsis {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-o-box-orient: vertical;
	-ms-box-orient: vertical;
	-moz-box-orient: vertical;
}
.text-ellipsis-2 {
	@extend .text-ellipsis;
	@extend .line-colam-2;
}
// 文字左右对齐
.text-justify {
	text-align-last: justify;
	text-align: justify;
}
.top0 {
	top: 0;
}
.bottom0 {
	bottom: 0;
}
.left0 {
	left: 0;
}

.right0 {
	right: 0;
}

.absolute {
	position: absolute;
}

.relative {
	position: relative;
}

.fixed {
	position: fixed;
}
.m-auto {
	margin: auto;
}
.ml-0 {
	margin-left: 0!important;
}
.ml-a {
	margin-left: auto;
}
.absolute-tb {
	@extend .absolute;
	@extend .top0;
	@extend .bottom0;
	@extend .m-auto;
}
.absolute-lr {
	@extend .absolute;
	@extend .left0;
	@extend .right0;
	@extend .m-auto;
}
.absolute-tl {
	@extend .absolute;
	@extend .top0;
	@extend .left0;
}
.z-index1 {
	z-index: 1;
}
.z-index2 {
	z-index: 2;
}
.z-index3 {
	z-index: 3;
}
.opacity0 {
	opacity: 0;
}
.bg-fff {
	background-color: #fff;
}

.fixed_b {
	width: 100%;
	background-color: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 200;
	.footer-f {
		padding: 12rpx 24rpx;
	}
}

.btn-w {
	width: 100%;
	height: 84rpx;
	background: #348B8A;
	border-radius: 56rpx 56rpx 56rpx 56rpx;
	line-height: 84rpx;
	text-align: center;
	font-family: PingFang SC, PingFang SC;
	font-weight: 500;
	font-size: 32rpx;
	color: #FFFFFF;
}


.navbar-top {
	width: 100%;
	font-family: PingFang SC, PingFang SC;
	font-weight: bold;
	font-size: 34rpx;
	color: #1D2129;
	padding: 0 24rpx;
	// line-height: 88rpx;
	position: fixed;
	left: 0;
}

.hint-login {
	width: 100%;
	line-height: 60rpx;
	font-size: 28rpx;
	color: #999;
	margin-top: 30rpx;
	padding-top: 20rpx;
	text-align: center;
}

.price-r {
	font-family: OPPOSans, OPPOSans;
	font-weight: bold!important;
	font-size: 28rpx;
	color: #F00000!important;
}